<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no"/>
    <title>浙江速腾电子有限公司 数字城市建设者</title>
    <meta name="keywords" content="浙江速腾,浙江速腾电子有限公司,浙江速腾电子有限公司官网,浙江速腾电子,速腾电子,数字城市建设,系统集成,系统运维,智能化系统建设,通信及5G建设,物联网,大数据,虚拟现实,人工智能领域,数字社区,未来社区,解决方案,产品和服务" />
    <meta name="description" content="浙江速腾电子有限公司是一家智慧城市全方位解决方案提供商和服务商，致力于推动城市智能化与数字化的发展，公司秉承着“以客户中中心，努力为客户创造更大的价值”的理念，坚持稳健经营、持续创新，为客户提供科学、专业、创新的高品质解决方案、产品和服务。" />
    <link rel="shortcut icon" href="images/stlogo.png">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/slick.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/navBar.js"></script>
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/slick.min.js"></script>
    <script type="text/javascript" src="js/formatTime.js"></script>

    <script type="text/javascript" src="js/myUtils.js"></script>
    <script type="text/javascript" src="js/store.js"></script>
    <!--模板代码-->
    <script type="text/javascript" src="js/component.js"></script>
</head>

<body>

<div id="websiteHome">

    <!-- Header Start -->
    <div id="myHeader"></div>

    <!--移动端的导航-->
    <!-- <div class="m_nav bg-f dong">
        <ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
            <li><a href="index.html">首页</a></li>
            <li class="dropdown">
                <a href="javascript:void(0)">企业简介</a>
                <div class="dropdown_menu">
                    <a href="qyjj.html">公司简介</a>
                    <a href="qyzz.html">企业组织结构图</a>
                    <a href="qywh.html">企业文化</a>
                </div>
            </li>
            <li><a href="xwzx.html">新闻资讯</a></li>
            <li class="dropdown">
                <a href="javascript:void(0)">工程案例</a>
                <div class="dropdown_menu">
                    <a href="gcal.html">智慧社区改造</a>
                    <a href="gcal.html?projectType=sys_integ">系统集成建设</a>
                    <a href="gcal.html?projectType=smart_sys">智慧系统建设</a>
                    <a href="gcal.html?projectType=comm_basics">通讯基础建设</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="javascript:void(0)">荣誉资质</a>
                <div class="dropdown_menu">
                    <a href="ryzz.html">资质证书</a>
                    <a href="ryzz.html?certType=honor">荣誉证书</a>
                </div>
            </li>
            <li><a href="rczp.html">人才招聘</a></li>
        </ul>
    </div> -->
    <!-- Header End -->

    <div class="main ovh">
        <div class="row">
            <!-- Content Start -->
            <div class="ixSlide">
                <div class="img"
                     style="background: url(images/bannerIx.jpg) center no-repeat; background-size: cover;"></div>
            </div>

           
            <!--工程案例-->
            <div class="ixPart3 color-f ovh" style="background: linear-gradient(0deg, #004e85, #11418b);">
                <div class="wrap clearfix">
                    <!-- <div class="col-md-4 col-xs-12 fr">
                        <div class="right">
                            <div class="ixTit clearfix wow fadeInUp">
                                <span class="text-left"><em>AI算法模型</em></span>
                            </div>
                        </div>
                    </div> -->
                    <div class="col-md-8 col-xs-12">
                        <img src="images/p_ai_1.jpg" width="100%">
                        <div style="display: flex; justify-content: space-evenly;margin-top: 30px;">
                            <div class="ixMore text-center wow fadeInUp"><a href="tel:18658478783"><i>咨询1</i></a></div>
                            <div class="ixMore text-center wow fadeInUp"><a href="tel:0574-28825083"><i>咨询2</i></a></div>
                        </div>
                    </div>
                </div>
            </div>

            

            <!-- Footer Start -->
            <div id="myFooter"></div>
            <!-- Footer End -->
        </div>
    </div>

</div>
</body>


<script type="text/javascript">
    //全局变量
    //请求地址前缀
    const requestUrl = getRequestUrl()


    $(initPage)

    function initPage(){
        //公共页面代码
        //头部
        fillHeaderDOM()
        //当前导航栏选中加粗
        $(".navbar_nav.fr.mobHide").children(":nth-child(1)").addClass("slt")
        // $("header bg-f").children(":first").addClass("slt")

        //尾部
        fillFooterDOM()
    }

    //查询简介
    $(function () {
        //请求参数
        var list = {};
        //
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            // url: "http://192.168.0.97:8766/st-website-server/intro/listIntro",
            url: requestUrl + "/st-website-server/intro/listIntro",
            //数据，json字符串
            data: JSON.stringify(list),
            //请求成功
            success: function (result) {
                // console.log("result",result);
                //接口请求成功
                if (result.code == 1) {
                    var data = result.data
                    // console.log(data)

                    //设置介绍标题
                    $(".t1.color-3.wow.fadeInUp").text(data.introFirmTitle)
                    //设置介绍简介
                    $(".t2.ovh.wow.fadeInUp").html(data.introFirmProfile)
                    //官网只显示第一段
                    $(".t2.ovh.wow.fadeInUp p:not(:first-child)").css('display', 'none')
                    //设置简介图片
                    $(".col-md-7.col-xs-12 .img img").attr("src", data.introFirmImgPath)
                } else {
                    //调用接口后发生异常
                    console.log(result.msg)
                }


            },
            //请求失败，包含具体的错误信息
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //查询新闻
    $(function () {
        //请求参数
        var list = {
            "bean": {
                "newsImgIsTop": 1
            },
            "pagenum": 1,
            "pagesize": 6,
        };
        //
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            // url: "http://192.168.0.97:8766/st-website-server/news/queryNews",
            url: requestUrl + "/st-website-server/news/queryNews",
            //数据，json字符串
            data: JSON.stringify(list),
            //请求成功
            success: function (res) {
                // console.log("res",res);
                //接口请求成功
                if (res.result == true) {
                    let list = res.page.list
                    // console.log(list)
                    //动态创建新闻
                    let news = ""
                    let picTmp = ""
                    for (let i = 0; i < list.length; i++) {
                        //添加图片
                        picTmp += newsPicTmp.replace("{{title}}", list[i].newsTitle)
                            .replace("{{path}}", list[i].newsImgPath)
                            .replace("{{newsCode}}", Encrypt(list[i].newsCode))

                        // 添加新闻
                        news += newsTmp.replace("{{newsTitle}}", list[i].newsTitle)
                            .replace("{{newsDate}}", new Date(list[i].newsDate).format('MM-dd'))
                            //加密(url传参)
                            .replace("{{newsCode}}", Encrypt(list[i].newsCode))
                    }

                    $(".xwSlide.fontB.clearfix.wow.fadeIn").html(picTmp)
                    $(".right.clearfix").html(news)
                    init()


                }
            },
            //请求失败，包含具体的错误信息
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //新闻初始化(轮播)
    function init() {
        //===== 新闻中心
        $('.xwSlide').slick({
            infinite: true,
            autoplay: true,
            dots: true,
            arrows: false,
            prevArrow: false,
            nextArrow: false,
            speed: 500,
            autoSpeed: 5000,
            slidesToScroll: 1,
        });


    }

    //查询项目(置顶)
    $(function () {
        //请求参数
        var list = {
            "bean": {
                "projectImgIsTop": 1
            },
            "pagenum": 1,
            "pagesize": 20,
        };
        //
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            // url: "http://192.168.0.97:8766/st-website-server/project/queryProjects",
            url: requestUrl + "/st-website-server/project/queryProjects",
            //数据，json字符串
            data: JSON.stringify(list),
            //请求成功
            success: function (res) {
                // console.log("res",res);
                //接口请求成功
                if (res.result == true) {
                    let list = res.page.list
                    // console.log('list',list)
                    //智慧社区项目
                    let projectzhsq = ''
                    //系统集成
                    let projectxtjc = ''
                    //智慧系统
                    let projectzhxt = ''
                    //通讯基础
                    let projecttxjc = ''
                    for (let i = 0; i < list.length; i++) {
                        let type = list[i].projectType
                        //富文本转为文本
                        let details = getSimpleText(list[i].projectDetails)
                        if (getSimpleText(list[i].projectDetails).length > 15) {
                            //长度大于12就截取只留12个
                            details = details.substring(0, 15) + "..."
                        }
                        if (type == 'smart_comm') {
                            projectzhsq += projectTmp.replace('{{projectName}}', list[i].projectName)
                                .replace('{{projectImgPath}}', list[i].projectImgPath)
                                .replace('{{projectDetails}}', details)
                                .replace("{{projectCode}}", Encrypt(list[i].projectCode))
                        } else if (type == 'sys_integ') {
                            projectxtjc += projectTmp.replace('{{projectName}}', list[i].projectName)
                                .replace('{{projectImgPath}}', list[i].projectImgPath)
                                .replace('{{projectDetails}}', details)
                                .replace("{{projectCode}}", Encrypt(list[i].projectCode))
                        } else if (type == 'smart_sys') {
                            projectzhxt += projectTmp.replace('{{projectName}}', list[i].projectName)
                                .replace('{{projectImgPath}}', list[i].projectImgPath)
                                .replace('{{projectDetails}}', details)
                                .replace("{{projectCode}}", Encrypt(list[i].projectCode))
                        } else if (type == 'comm_basics') {
                            projecttxjc += projectTmp.replace('{{projectName}}', list[i].projectName)
                                .replace('{{projectImgPath}}', list[i].projectImgPath)
                                .replace('{{projectDetails}}', details)
                                .replace("{{projectCode}}", Encrypt(list[i].projectCode))
                        }
                    }
                    $('#zhsq').html(projectzhsq)
                    $('#xtjc').html(projectxtjc)
                    $('#zhxt').html(projectzhxt)
                    $('#txjc').html(projecttxjc)
                    $('.projectDetails').css({"overflow": "hidden"},
                        {"text-overflow": "ellipsis"},
                        {"white-space": "nowrap"})

                    //初始化
                    initProject()

                }
            },
            //请求失败，包含具体的错误信息
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //项目初始化
    function initProject() {
        //=====  工程案例
        $(document).ready(function () {
            var con = $(".alCon");
            var title = $(".alTit span");
            con.first().addClass("current");
            title.first().addClass("a");
            title.each(function (index) {
                $(this).hover(function () {
                    title.removeClass("a");
                    $(this).addClass("a");
                    con.removeClass('current');
                    con.eq(index).addClass("current");
                });
            });
        });

        $('.alSlide').slick({
            infinite: true,
            autoplay: true,
            dots: false,
            arrows: true,
            prevArrow: '<span class="prev"><</span>',
            nextArrow: '<span class="next">></span>',
            speed: 500,
            autoSpeed: 5000,
            slidesToShow: 2,
            slidesToScroll: 1,
        });

        //===== WOW
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
        ;
    }

    //查询资质荣誉证书
    $(function () {
        //请求参数
        var list = {
            "bean": {
                "isTop":1
            },
            "pagenum": 1,
            "pagesize": 8,

        };
        //
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            // url: "http://192.168.0.97:8766/st-website-server/certificate/queryCerts",
            url: requestUrl + "/st-website-server/certificate/queryCerts",
            //数据，json字符串
            data: JSON.stringify(list),
            //请求成功
            success: function (res) {
                // console.log("res",res);
                //接口请求成功
                if (res.result == true) {
                    let list = res.page.list
                    let cert = ''
                    // console.log('list',list)
                    for (let i = 0; i < list.length; i++) {
                        cert += certTmp.replace('{{certImgPath}}', list[i].certImgPath)
                    }
                    $('#cert').append(cert)

                }
            },
            //请求失败，包含具体的错误信息
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //查询文化活动
    $(function () {
        //请求参数
        var list = {
            "bean": {},
            "pagenum": 1,
            "pagesize": 4,
        };
        //
        $.ajax({
            //请求方式
            type: "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            // url: "http://192.168.0.97:8766/st-website-server/culAct/queryCulActs",
            url: requestUrl + "/st-website-server/culAct/queryCulActs",
            //数据，json字符串
            data: JSON.stringify(list),
            //请求成功
            success: function (res) {
                // console.log("res",res);
                //接口请求成功
                if (res.result == true) {
                    let list = res.page.list
                    // console.log(list)
                    for (let i = 0; i < list.length; i++) {
                        let culAct = culActTmp.replace('{{culActName}}', list[i].culActName)
                            .replace('{{culActImgPath}}', list[i].culActImgList[0])
                            .replace('{{culActCode}}', Encrypt(list[i].culActCode))
                        if (i == 0) {
                            //第一张图片
                            $('#cul1').append(culAct)
                            $('#cul1 img').css('height', '523px')
                        } else if (i == 1) {
                            //第二张图片
                            $('#cul2-1').append(culAct)
                            $('#cul2-1 img').css('height', '299px')
                        } else {
                            //第三张或第四张
                            $('#cul2-' + i).append(culAct)
                            $('#cul2-' + i + ' img').css('height', '202px')
                        }
                    }
                }
            },
            //请求失败，包含具体的错误信息
            error: function (e) {
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

    //===== ixSlide
    $('.ixSlide').slick({
        infinite: true,
        autoplay: true,
        dots: false,
        arrows: false,
        prevArrow: false,
        nextArrow: false,
        speed: 500,
        autoSpeed: 5000,
        slidesToScroll: 1,
    });


    //新闻模板
    var newsTmp = `<a href="newsDetails.html?newsCode={{newsCode}}" class="box clearfix wow fadeInUp">
            <span class="textH fl dong">{{newsTitle}}</span>
            <em class="fr text-right color-9">{{newsDate}}</em>
            </a>`

    //新闻图片模板
    var newsPicTmp = `<a href="newsDetails.html?newsCode={{newsCode}}" class="box color-f imgH ovh">
                    <p class="textH dong">{{title}}</p>
                    <img src="{{path}}"/></a>`

    //项目模板
    var projectTmp = `<a href="projectDetails.html?projectCode={{projectCode}}" class="box color-f">
                        <div class="img ovh">
                            <div class="top dong">
                                <div><i></i>
                                    <p class="textH projectDetails">{{projectDetails}}</p></div>
                            </div>
                            <img src="{{projectImgPath}}"/>
                        </div>
                        <div class="txt textH dong">{{projectName}}</div>
                    </a>`

    //证书模板
    var certTmp = `<div class="col-sm-3 col-xs-6">
                    <div class="img imgH ovh cert"><img src="{{certImgPath}}"/></div>
                 </div>`

    //文化活动模板
    var culActTmp = `<a href="culActDetails.html?culActCode={{culActCode}}"class="box color-f imgH ovh wow fadeInUp">
            <p class="textH dong">{{culActName}}</p>
            <img src="{{culActImgPath}}"/>
        </a>`

</script>

<style type="text/css">
    .cert img {
        height: 216px;
    }
</style>

</html>